<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>demo</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/base_report.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="home_page">
			<div class="border_bot2_f6">
				<h1>
					<span class="main_color2">张三</span>
					肠菌检测进度
				</h1>
			</div>
			<div class="border_bot2_f6">
				<div class="search_input_wrap">
					<img src="images/search_icon.png" />
					<input class="search_input" type="search" placeholder="搜索报告" />
				</div>
			</div>
			<div class="pad_lr28" style="overflow: hidden;padding-top: 20px;">
				<h3 style="font-weight: bold;color: #848383;">检测报告生成进度</h3>
				<div class="report_time font_size14" style="padding: 15px 0;">
					样品编码：123456789 于2018年6月27日绑定成功
				</div>
				<div class="">
					<div class="jin_du_tiao_wrap">
						<img src="images/wancheng_1_icon.png" />
						<div class="jin_du_xian">
						</div>
						<img src="images/wancheng_1_icon.png" />
						<div class="jin_du_xian">
						</div>
						<img src="images/wancheng_0_icon.png" />
						<div class="jin_du_xian">
						</div>
						<img src="images/wancheng_0_icon.png" />
					</div>
					<div class="jin_du_text_wrap">
						<div class="jin_du_text_item main_color2">
							1、绑定成功
						</div>
						<div class="jin_du_text_item main_color2">
							2、回收样品中
						</div>
						<div class="jin_du_text_item main_color2">
							3、实验分析（5-7天）
						</div>
						<div class="jin_du_text_item main_color2">
							4、生成报告（1-2天）
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>